import './index.scss'


function GameKingRankRecord() {

  const handleChange = d => {
    setActiveTab(d)
  }

  const closeRule = () => {
    window.location.href = "/layout/game-king-rank"
  }

  const toRecord = () => {
    window.location.href = "/layout/game-king-rank/record"
  }

  return (
    <div className="GameKingRank-record">
      <button className="return-btn" onClick={closeRule}>Return</button>
      <button className="record-btn" onClick={toRecord}>Reward record</button>

      <p className="time-msg">2022/04/25-2022/04/30</p>

      <main>
        <div className="title">Reward record</div>
        <div className="line" />
        <table>
          <thead>
          <tr>
            <th>Time</th>
            <th>Reward source</th>
            <th>Bonus content</th>
          </tr>
          </thead>

          <tbody>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="diamond">500,000</div>
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          <tr>
            <td>
              2022/04/25 22:22:59
            </td>
            <td>
              Daily tasks
            </td>
            <td>
              <div className="gift gift-1" />
            </td>
          </tr>
          </tbody>
        </table>
      </main>

    </div>
  )
}

export default GameKingRankRecord
